﻿@model IEnumerable<AceMobile.Models.Tablets.Tablet>

@{
    ViewBag.Title = "Máy tính bảng";
    string TabletGenre = @AceMobile.Controllers.TabletController.getTabletAmount().ToString();
    AceMobile.Models.MobileWebContext context = new AceMobile.Models.MobileWebContext();
    List<AceMobile.Models.Tablets.TabletProducer> listProducer = context.TabletProducers.ToList();
}
<link href="../../Content/Phoneindex.css" rel="stylesheet" />
<style>
    #content2{width:100%;margin-right:0px;background: none;float:inherit;border-radius:0px;box-shadow: 0px 0px 0px #000;padding:0px}      
</style>
<script>
    function add2cart(id) {
        
        $.ajax({
            type: "POST",
            url: "@Url.Action("Add2Cart", "Cart")",
            data: { ID: id, Type: "tablet" }
        })
          .done(function (result) {
              $("#amount").text(result.Amount);
              $("#price").text(result.Price);
          });
    }
</script>

@using (Html.BeginForm())
{       
   	        <div id="leftcontent">
                <div class="filter" style="margin-top:0px;">                	
            	    <table width="100%" border="0" class="timkiem">
                      <tr>
                        <td colspan="2" style="padding-left:10px">Tùy chọn 
                            @if (ViewBag.P == null)
                            {
                                <input type="text" name="p" placeholder="Tên hãng máy tính bảng, tên máy tính bảng, mã sản phẩm ..." style="margin-top:-2px;width:270px; height:15px;border-radius:3px;font-size:11px; padding-left:3px; border:1px solid #ccc;" />
                            }
                            else
                            {
                                <input type="text" name="p" value="@ViewBag.P" placeholder="Tên hãng máy tính bảng, tên máy tính bảng, mã sản phẩm ..." style="margin-top:-2px;width:270px; height:15px;border-radius:3px;font-size:11px; padding-left:3px; border:1px solid #ccc;" />
                            }             
                        </td>
                        <td colspan="2">
                        <div class="styled-select">
                            @Html.DropDownList("listOS", null,"Tất cả", new { style="margin-top:-2px;margin-right:20px;width:100px;height:20px;border-radius:3px;font-size:11px; padding-left:3px; border:1px solid #ccc;"}) 	
                        </div>
                        </td>
                        <td colspan="2"><div class="styled-select">
                            @Html.DropDownList("listProducer", null,"Tất cả", new { style="margin-top:-2px;margin-right:20px;width:100px;height:20px;border-radius:3px;font-size:11px; padding-left:3px; border:1px solid #ccc;"})
                        </div>
                        </td>
                        <td colspan="2"><div>
                            <input type="submit" id="timkiem" value="Tìm kiếm" />    
                        </div></td>
                      </tr>
  
                    </table>				
                </div><!--end .filter-->
               <div style="clear:both"></div> 
                <div class="count">
                	<p>(Hiện có <span>@TabletGenre</span> loại máy tính bảng đang bán trên website)</p>
                </div>
                <div class="listproduct">
                    <div class="title">
                    	<p  style="float:left;font-size:13px;font-weight:bold">Danh mục sản phẩm</p>
                        <p  style="float:right">Hiển thị (@Model.Count().ToString()/@TabletGenre)</p>
                        <div style="clear:both"></div>
                    </div>
                    <div class="sanpham">
                        @if (Model.Count() == 0)
                        {
                                <span style="margin-left: 10px; font-size: 16px; font-weight: bold; color: red">Không có sản phẩm nào như bạn tìm kiếm!</span>
                        }
                        @foreach (var item in Model)
                        {
                        <div class="sp">
                            <div class="images">
                                <a href="..\Tablet\Details\@item.ID"><img src="@Url.Content(item.ImageUrl)" border="0" style="max-height:85px;max-width:45px;align:center" alt="Images" /></a>
                            </div>
                            <div class="nd">
                                <p align="center"> @AceMobile.Controllers.HomeController.trimString(item.Name,15)</p>
                                <div class="btn">
                                    <a href="#" onclick="add2cart(@item.ID)"><p align="center" >Đặt hàng</p></a>
                                </div>
                                <div class="btn">
                                    <a href=""><p align="center">@Html.ActionLink( "Chi tiết", "Details", "Tablet", new { Id = item.ID }, null)</p></a>
                                </div>
                                <div style="clear:both"></div>
                                <div class="gia">
                                    <p align="center">@item.Price.ToString("#,##0") VNĐ</p>
                                </div>
                            </div>
                        </div>
                        }
                    </div>
                </div>
                <div style="height: 20px; clear: both"></div>
            </div>
             <div id="rightcontent">
            	<div class="right">
                	<div class="title">
                    	<p  style="float:left;font-size:13px;font-weight:bold">Thông tin giỏ hàng</p>
                        <div style="clear:both"></div>
                    </div>
                    <div class="list">
                    	<ul>
                        	<li class="num1"><a href="">Giỏ hàng đang có: <span id="amount">
                                                                            @if (@Session["Amount"]==null)
                                                                             {
                                                                                 @:0
                                                                             }
                                                                             else
                                                                             {
                                                                                 @Session["Amount"].ToString()
                                                                             }
                        	                                              </span> sản phẩm</a></li>
                            <li class="num2"><a href="">Số tiền tương ứng: <span id="price">
                                                                            @if (@Session["Price"]==null)
                                                                             {
                                                                                 @:0
                                                                             }
                                                                             else
                                                                             {
                                                                                 @String.Format("{0:#,#}", Convert.ToInt32(Session["Price"].ToString()))
                                                                             }
                                                                           </span></a></li>
                        	<li class="num3">@Html.ActionLink("Chi tiết giỏ hàng của bạn", "Index", "Cart", null, null)</li>
                        </ul>                        
                    </div>
                </div>
                
                <div class="right" style="margin-top:15px;">
                	<div class="title">
                    	<p  style="float:left;font-size:13px;font-weight:bold">Danh mục tìm kiếm</p>
                        <div style="clear:both"></div>
                    </div>
                    <div class="list">
                    	<ul>
                        	<li>@Html.ActionLink("Sản phẩm được quan tâm", "Index", new { arrangeType = 1})</li>
				          	<li>@Html.ActionLink("Sản phẩm mới", "Index", new { arrangeType = 2})</li>
							<li>@Html.ActionLink("Phụ kiện", "Index", "Accessory")</li>							
                            <li>@Html.ActionLink("Sản phẩm mua nhiều", "Index", new { arrangeType = 3})</li>
                        </ul>
                    </div>
                </div>
                <div class="right" style="margin-top:15px;">
                	<div class="title">
                    	<p  style="float:left;font-size:13px;font-weight:bold">Danh mục nhà sản xuất</p>
                        <div style="clear:both"></div>
                    </div>
                    <div class="list">
                    	<ul class="left" style="float:left;width:90px;margin-left:-5px;">
                        	@for (int i = 0; i <= listProducer.Count/2; i++)
                             {
                                <li>@Html.ActionLink(listProducer[i].Name, "Index", new { producer = listProducer[i].Name.ToString()})</li>
                             }                            
                        </ul>
                        <ul class="left" style="float:left;width:90px;margin-left:-25px;">
                        	@for (int i = listProducer.Count / 2 + 1; i < listProducer.Count; i++)
                             {
                                <li>@Html.ActionLink(listProducer[i].Name, "Index", new { producer = listProducer[i].Name.ToString()})</li>
                             }  
                        </ul>
                        <div style="clear:both"></div>
                    </div>
                </div>
                <div style="clear:both"></div>
            </div><!--end #rightcontent-->
        <div style="clear:both"></div>

         <div id="doitac">
            <div id="product-slider">
				<div class="logodoitac"><img src="..\Content\Images\logodoitac.png" width="240px" border="0" alt="Logo đối tác" /> </div>
                <div style="clear:both"></div>
				<ul>
					<li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac1.png" alt="Đối tác" /></a></li>
                    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac2.png" alt="Đối tác" /></a></li>
                    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac3.png" alt="Đối tác" /></a></li>
                    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac4.png" alt="Đối tác" /></a></li>
                    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac1.png" alt="Đối tác" /></a></li>
                    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac2.png" alt="Đối tác" /></a></li>
                    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac3.png" alt="Đối tác" /></a></li>
                    <li><a href="#" title="Đối tác 1"><img src="..\Content\Images\doitac4.png" alt="Đối tác" /></a></li>
				</ul>
				<div class="cl">&nbsp;</div>
                 <div style="clear:both"></div>
			</div>
        </div><!--end #doitac-->
        <div style="clear:both"></div>     
}